<template>
  <a-card :bordered="false">
    <div class="table-page-search-wrapper">
      <a-form layout="inline">
        <a-row :gutter="24">
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <a-form-item label="设备名称">
              <a-input placeholder="请输入名称" v-model="queryParam.name"></a-input>
            </a-form-item>
          </a-col>
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
              <a-button type="primary" icon="search">查询</a-button>
              <a-button type="primary" icon="reload" style="margin-left: 8px">重置</a-button>
              <a-button type="primary" icon="plus" style="margin-left: 8px">新增</a-button>
            </span>
          </a-col>
        </a-row>
      </a-form>
    </div>
    <a-table
      ref="table"
      size="middle"
      :scroll="{ x: true }"
      bordered
      rowKey="id"
      :columns="columns"
      :dataSource="dataSource"
      :loading="loading"
      class="j-table-force-nowrap"
    >
    </a-table>
  </a-card>
</template>

<script>
export default {
  name: 'EnergyList',
  data() {
    return {
      loading: false,
      dataSource: [],
      queryParam: {
        name: '',
      },
      // 表头
      columns: [
        {
          title: '#',
          dataIndex: '',
          key: 'rowIndex',
          width: 60,
          align: 'center',
          customRender: function (t, r, index) {
            return parseInt(index) + 1
          },
        },
        { title: '充电桩编号', align: 'center', dataIndex: 'number' },
        { title: '所属灯杆', align: 'center', dataIndex: 'locationName' },
        { title: '位置', align: 'center', dataIndex: 'status' },
        { title: '电压', align: 'center', dataIndex: 'SOC' },
        { title: '电流', align: 'center', dataIndex: 'voltage' },
        { title: '充电度数', align: 'center', dataIndex: 'carNumber' },
        { title: '电桩状态', align: 'center', dataIndex: 'current' },
        // { title: '开始充电时间', align: 'center', dataIndex: 'start_time' },
        // { title: '结束充电时间', align: 'center', dataIndex: 'end_time' },
        { title: '备注', align: 'center', dataIndex: 'price' },
        
        // { title: '电枪备注', align: 'center', dataIndex: 'remark' },
      ]
    }
  },
}
</script>

<style lang="less" scoped>
</style>